<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <meta name="referrer" content="no-referrer" />
    <link rel="stylesheet" href="../css/index.css" />
    <link rel="stylesheet" href="../data/swiper-master/swiper-bundle.min.css">
    <!-- Link Swiper's CSS -->
    <style>
      html,
      body {
        position: relative;
      }
      .swiper-container {
        width: 100%;
        height: 100%;
        /* position: absolute; */
      }
  
      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }
      
      .swiper-pagination-bullet {
        width: 30px;
        height: 30px;
        margin-right: 20px !important;
        text-align: center;
        line-height: 30px;
        font-size: 12px;
        color: #AA8764;
        opacity: 1;
        border: 1px solid #AA8764;
        background: rgba(0, 0, 0, 0.2);
      }
      .swiper-pagination-bullet-active{
        color: #AA8764;
        background-color: #3C2314 !important;
        border: 1px solid #3C2314;;
      }
      .swiper-pagination{
        width: 400px !important;
        float: left;
        margin-left: 150px;
        margin-bottom: 30px;
      }
    </style>
  </head>
  <body>
    <div class="box">
      <div class="to">
        <div class="xiaoguo">
          <div class="swiper-container">
            <div class="swiper-wrapper">
              <div class="swiper-slide"><img src="https://images.ebeecake.com/img_w/5091.jpg" alt=""></div>
              <div class="swiper-slide"><img src="https://images.ebeecake.com/img_w/5045.jpg" alt=""></div>
              <div class="swiper-slide"><img src="https://images.ebeecake.com/images/hd/210501/wb.jpg" alt=""></div>
              <div class="swiper-slide"><img src="http://images.ebeecake.com/images/hd/190830/wb.jpg" alt=""></div>
              <div class="swiper-slide"><img src="http://images.ebeecake.com/images/hd/180906/wb.jpg" alt=""></div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
        </div>
        <div class="container">
          <div class="top">
            <div class="jing">
              <div class="beijing">
                <span class="bei">北京</span>
                <span class="peisong">六环内免费配送</span>
                <span class="phone">4006 106 798</span>
              </div>
            </div>
            <nav>
              <div class="tu">
                <img
                  src="https://www.ebeecake.com/dist/images/header_logo.png"
                  alt=""
                />
              </div>
              <ul class="liebiao">
                <li>
                  <a href="./index.html" class="active">首页</a>
                </li>
                <li>
                  <a href="./cakes.html">蛋糕</a>
                </li>
                <li>
                  <a href="./noon.html">下午茶</a>
                </li>
                <li>
                  <a href="./food.html">精选食材</a>
                </li>
                <li>
                  <a href="./new.html">最新活动</a>
                </li>
                <li>
                  <a href="./qiye.html">企业专区</a>
                </li>
                <li>
                  <a href="./login.html">会员中心</a>
                </li>
              </ul>
              <div class="ri">
                <div class="deng">
                  <a href="./login.html" class="lu">登录</a>
                  <a href="./register.html" class="zhu">注册</a>
                </div>
                <div class="gou">
                  <a href="../html/car.html">
                    <img
                    src="https://www.ebeecake.com/dist/images/shop_bag.png"
                    alt=""
                  />
                  </a>
                </div>
              </div>
            </nav>
          </div>
        </div>
      </div>

      <div class="content">
        <div class="container">
          <div class="con1">
            <div class="ren">
              <h3 class="renqi">人气推荐</h3>
              <a href="../html/cakes.html" class="more">更多</a>
            </div>

            <div class="dangao">
              <div class="dang">
                <div class="sheng">
                  <img
                    src="https://images.ebeecake.com/img_w/5049.jpg"
                    alt=""
                  />
                </div>
                <div class="kuan">
                  <h4 class="guo">中国印|草莓慕斯蛋糕</h4>
                  <span class="jia">￥335</span>
                </div>
              </div>
            </div>
          </div>

          <div class="con2">
            <div class="ren">
              <h3 class="shengri">生日蛋糕</h3>
              <a href="../html/cakes.html" class="more">更多</a>
            </div>

            <div class="musi">
              <div class="dang">
                <div class="sheng">
                  <img
                    src="https://images.ebeecake.com/img_w/5049.jpg"
                    alt=""
                  />
                </div>
                <div class="kuan">
                  <h4 class="guo">中国印|草莓慕斯蛋糕</h4>
                  <span class="jia">￥335</span>
                </div>
              </div>
            </div>
          </div>

          <div class="con3">
            <div class="ren">
              <h3 class="kafei">咖啡下午茶</h3>
              <a href="../html/noon.html" class="more">更多</a>
            </div>
            <div class="danjuan">
              <div class="dang">
                <div class="sheng">
                  <img
                    src="https://images.ebeecake.com/img_w/5049.jpg"
                    alt=""
                  />
                </div>
                <div class="kuan">
                  <h4 class="guo">中国印|草莓慕斯蛋糕</h4>
                  <span class="jia">￥29.8/220克</span>
                </div>
              </div>
            </div>
          </div>

          <div class="con4">
            <div class="ren">
              <h3 class="shengri">精选食材</h3>
              <a href="../html/food.html" class="more">更多</a>
            </div>

            <div class="shicai">
              <div class="dang">
                <div class="sheng">
                  <img
                    src="https://images.ebeecake.com/img_w/5049.jpg"
                    alt=""
                  />
                </div>
                <div class="kuan">
                  <h4 class="guo">中国印|草莓慕斯蛋糕</h4>
                  <span class="jia">￥335</span>
                </div>
              </div>
            </div>
          </div>

          <div class="con5">
            <div class="con51">
              <h3 class="shun">瞬间</h3>
              <a href="../html/new.html" class="more">更多</a>
            </div>

            <div class="shunjian">
              <div class="shipin">
                <img src="http://images.ebeecake.com/img_c/indexVideo.jpg" alt="" class="ved">
              </div>
              <div class="mask">
                <div class="shows">
                   <video src="http://images.ebeecake.com/vidio/new_vidio_1.mp4"   controls preload="auto">
                   </video>
                   <div class="closex">X</div>
                </div>
              </div>
              <div class="pinpai">
                <div class="pin">
                  <img
                    src="http://images.ebeecake.com/images/hd/180615/w_sj.jpg"
                    alt=""
                  />
                </div>
                <div class="pai">
                  <span>蛋糕年度销量排行榜</span>
                  <span>查看详情</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="foot">
        <div class="container">
          <ul class="guanyu">
            <li><a href="http://">关于我们</a></li>
            <li class="first"><a href="http://">最新活动</a></li>
            <li class="first"><a href="http://">企业专区</a></li>
            <li class="first"><a href="">公益合作</a></li>
            <li class="first"><a href="">招聘</a></li>
            <li class="first gong"><a href="">公众号</a></li>
          </ul>
          <div class="weixin">
            <img src="	https://www.ebeecake.com/dist/images/ewm_wx.jpg" alt="">
            <p>微信公众号</p>
          </div>
          <p class="xiaomi">小蜜蜂蛋糕 提前3小时预订，北京市六环内免费配送 公司地址：北京市朝阳区798艺术区工美楼3层</p>
          <p class="beian">Copyright © 2009-2021 ebeecake小蜜蜂蛋糕 易贝可（北京）食品有限公司
            <a href="https://beian.miit.gov.cn/" class="hao">京ICP备09081733号-1</a>
            <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502044187" class="gongan">京公网安备 11010502044187号</a>
          </p>
          <p class="copy">
            <span>公司电话：4006106798 </span>
            <a href="https://images.ebeecake.com/img_c/jyxk.jpg" class="food">食品经营许可证：JY11105110232865</a>
            <a href="https://images.ebeecake.com/img_c/scxk.jpg"> 食品生产许可证：SC12411051114584</a>
          </p>
        </div>
      </div>
      <div class="dingbu"></div>
    </div>
    <script src="../data/swiper-master/swiper-bundle.min.js"></script>
    <script src="../js/ajax.js"></script>
    <script src="../js/index.js"></script>
  </body>
</html>
